<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>FAQ平台</title>
  <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
  <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0">
  <meta name="format-detection" content="telephone=no">
  <meta http-equiv="Expires" content="-1">
  <meta http-equiv="Cache-Control" content="no-cache">
  <meta http-equiv="Pragma" content="no-cache">
  <meta name="description" content="致力于打造中国首款与人类具有情感共鸣、懂得人类思想，并能满足用户刚需功能的情感机器人。"/>
  <meta name="keywords"
        content="竹间、竹间智能、人工智能、机器人、情感计算、竹间官网、聊天机器人、语义理解、情感机器人、自然语言理解、Chatbot、AI、emotibot、EMOTIBOT、小影机器人、IoT、智能客服机器人、客服机器人、人工智能客服、简仁贤"/>
  <link rel="shortcut icon" href="static/img/favicon.ico"/>
  <link rel="stylesheet" href="static/css/bootstrap.min.css">
  <!--<link rel="stylesheet" href="css/nav.css">-->
  <!--<link rel="stylesheet" href="css/api.css">-->
  <link rel="stylesheet" href="static/css/jquery-editable-select.min.css">
  <link rel="stylesheet" href="static/css/ladda-themeless.min.css">
  <link rel="stylesheet" href="static/css/style.css">
</head>
<body>
<div id="wrapper" class="toggled">
  <!--<div class="overlay"></div>-->
  <nav class="navbar navbar-inverse navbar-fixed-top" id="sidebar-wrapper" role="navigation">
    <ul class="nav sidebar-nav">
      <li class="sidebar-brand">
        <a href="#">
          FAQ平台
        </a>
      </li>
      <li>
        <a href="/">数据导入</a>
      </li>
      <li>
        <a href="download">数据导出</a>
      </li>
      <li>
        <a href="expand">数据管理</a>
      </li>
      <li class="dropdown">
        <a href="#" class="dropdown-toggle" data-toggle="dropdown">数据标注<span
            class="caret"></span></a>
        <ul class="dropdown-menu" role="menu">
          <!--<li class="dropdown-header">Dropdown heading</li>-->
          <li><a href="label">用户问标注</a></li>
          <li><a href="standard">标准问标注</a></li>
        </ul>
      </li>

    </ul>
  </nav>
  <div id="page-content-wrapper">
    <button type="button" class="hamburger is-open animated fadeInLeft" data-toggle="offcanvas">
      <span class="hamb-top" style="background-color: #1a1a1a"></span>
      <span class="hamb-middle" style="background-color: #1a1a1a"></span>
      <span class="hamb-bottom" style="background-color: #1a1a1a"></span>
    </button>

    <div class="row">
      <div class="col-lg-10" id="dynamic" style="margin-left: 15px">
        <button type="button" class="btn btn-default btn-lg" href="data/bizbot-dataprocess.xlsx"
                style="padding: 5px 8px;margin-top: 20px">
          <!--<span class="glyphicon glyphicon-download" aria-hidden="true">下载批量导入数据模板</span>-->
          <a class="glyphicon glyphicon-download" href="static/data/bizbot-dataprocess.xlsx" download="demo.xlsx"
             style="text-decoration: none">下载批量导入数据模板</a>
        </button>

        <div style="margin-top: 10px">
          <p class="help-block">1.语料请按照模版填写在［请在此页填写你的问题和答案］页面中</p>
          <p class="help-block">2.相同的问题，不能出现多次</p>
          <p class="help-block">3.每个question包含字数不可超过50字，每个answer包含字数不可超过1000字</p>
          <p class="help-block">4.每行answers之间，不能有空的单元格</p>
        </div>

        <form id="customform">
          <div class="form-group">
            <p style="margin-top: 10px">项目名称</p>
            <select id="editable-select" class="form-control" name="appid" autocomplete="off" style="width: 20%">
              {% for appid in appids %}
              <option>{{appid}}</option>
              {% endfor %}
            </select>
          </div>

          <div class="form-group">
            <p style="margin-top: 10px">训练数据上传</p>
            <input type="file" style="width: 45%" class="form-control" id="trainfile" name="trainfile">
          </div>

          <div class="form-group">
            <p style="margin-top: 20px">验证数据上传</p>
            <input type="file" style="width: 45%" class="form-control" id="validatefile" name="validatefile">
          </div>

          <div>
            <p style="margin-top: 10px">导入方式：</p>
          </div>

          <div class="radio">
            <label class="radio-inline">
              <input type="radio" style="width: 12px; height: 13px" name="updatemode" id="inlineRadio1"
                     value="incremental">增量数据上传
            </label>
            <label class="radio-inline">
              <input type="radio" name="updatemode" id="inlineRadio2" value="full">全量数据上传
            </label>
          </div>
        </form>

        <button class="btn btn-primary btn-lg ladda-button" data-style="zoom-in" data-size="s"
                style="padding: 5px 8px; margin-top: 10px" id="customupload">
          <span class="glyphicon glyphicon-upload" aria-hidden="true">提交</span>
        </button>

        <p id="import_result" style="margin-top: 10px"></p>

        <div id="myModal" class="modal fade" tabindex="-1" role="dialog" aria-hidden="true">
          <div class="modal-dialog">
            <div class="modal-content">
              <div class="modal-body" style="font-size: large">
                请选择项目名称
              </div>
              <div class="modal-footer">
                <button type="button" class="btn btn-primary" data-dismiss="modal">关闭
                </button>
              </div>
            </div><!-- /.modal-content -->
          </div>
        </div>

        <div id="myModal1" class="modal fade" tabindex="-1" role="dialog" aria-hidden="true">
          <div class="modal-dialog">
            <div class="modal-content">
              <div class="modal-body" style="font-size: large">
                请选择上传文件
              </div>
              <div class="modal-footer">
                <button type="button" class="btn btn-primary" data-dismiss="modal">关闭
                </button>
              </div>
            </div><!-- /.modal-content -->
          </div>
        </div>


      </div>

    </div>
  </div>
</div>


<footer class="footer"></footer>
<script src="static/js/jquery-1.12.4.min.js"></script>
<!--<script type="text/javascript" src="js/jquery-3.1.1.min.js"></script>-->
<script src="static/js/bootstrap.min.js"></script>
<script src="static/js/ug.js"></script>
<script src="static/js/jquery-editable-select.min.js"></script>
<script src="static/js/spin.min.js"></script>
<script src="static/js/ladda.min.js"></script>
<script>
    $(document).ready(function () {
        $('#editable-select').editableSelect();
    });
</script>
</body>
</html>